import styled from 'styled-components'

export const DiscoverBox = styled.div`
text-align:center;
  h3{
    font-size:.24rem;
    margin-top:.8rem;
    margin-bottom:.18rem;
  }
  p{
    margin-bottom:.38rem;
  }
.analyse{
  border:1px solid #e3e8ee;
  height:3rem;
  width:2.7rem;
  border-radius:.3rem;
  margin:0 auto;
  ul>li{
    text-align:left;
    margin-left:.28rem;
    margin-bottom:.1rem;
  }
  h4{
  
    font-size:.18rem;
    margin-top:.6rem;
    margin-bottom:.18rem;
  
  }
  }
  .play{
    height:.36rem;
    width:1.2rem;
    background:#c3cbd6;
    color:#fff;
    margin:.3rem auto;
    border-radius:.2rem;
    p{
      line-height:.36rem;
    }
  }
`